<!DOCTYPE html>
<html>


<!-- Mirrored from www.zi-han.net/theme/hplus/table_jqgrid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>{{title}}-广告位管理</title>
    <link href="/stylesheets/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="/stylesheets/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="/stylesheets/common.css" rel="stylesheet">
    <link href="/stylesheets/webcss.css"  rel="stylesheet"/>
    <!-- jqgrid-->
    <link href="/stylesheets/plugins/jqgrid/ui.jqgridffe4.css?0820" rel="stylesheet">

    <link href="/stylesheets/animate.min.css" rel="stylesheet">
    
    <link href="/stylesheets/style.min862f.css?v=4.1.0" rel="stylesheet">

    <style>
        /* Additional style to fix warning dialog position */

        #alertmod_table_list_2 {
            top: 900px !important;
        }
    </style>

</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content  animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <div class="c">
                        	<div class="fl">类型<select class="pl20 pr20 pt5 pb5 ml20"><option>首焦图</option><option>科目1</option></select></div>
                        	<div class="fr"><input type="button" value="查询" class="btn btn-info pr10 pl10 mr20"><input type="button" value="修改" class="btn btn-primary pr10 pl10"></div>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="jqGrid_wrapper">
                            <table id="table_list_2"></table>
                            <div id="pager_list_2"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="/javascripts/jquery.min.js?v=2.1.4"></script>
    <script src="/javascripts/bootstrap.min.js?v=3.3.6"></script>
    <script src="/javascripts/plugins/peity/jquery.peity.min.js"></script>
    <script src="/javascripts/plugins/jqgrid/i18n/grid.locale-cnffe4.js?0820"></script>
    <script src="/javascripts/plugins/jqgrid/jquery.jqGrid.minffe4.js?0820"></script>
    <script src="/javascripts/content.min.js?v=1.0.0"></script>
   <script>
	$(document).ready(function() {
		$.jgrid.defaults.styleUI = "Bootstrap"; 
		$("#table_list_2").jqGrid({
			url:"/app_advertisement/list",
			datatype: "json",
			height: 450, 
			autowidth: true, 
			shrinkToFit: true, 
			rowNum: 20, 
			rowList: [10, 20, 30], 
			jsonReader:{
				root:"list",
			},
			loadComplete: function (data) {
             //console.log(JSON.stringify(data))
             //console.log(JSON.stringify(data.list))//为所有数据行，具体取决于reader配置的root或者服务器返回的内容
            },
			colNames: ["类型"], 
			colModel: [{ 
				name: "name", 
				index: "name", 
				editable: true, 
				width: 60, 
				sorttype: "int", 
				search: true 
			}], 
			pager: "#pager_list_2", 
			viewrecords: true, 
			add: true, 
			edit: true, 
			addtext: "Add", 
			edittext: "Edit", 
			hidegrid: false,
			multiselect : true,
		});
		$("#table_list_2").setSelection(4, true);
		$("#table_list_2").jqGrid("navGrid", "#pager_list_2", { edit: true, add: true, del: true, search: true }, { height: 200, reloadAfterSubmit: true });
		$(window).bind("resize", function() { var width = $(".jqGrid_wrapper").width();
			$("#table_list_2").setGridWidth(width) })
		});
</script>
</body>


<!-- Mirrored from www.zi-han.net/theme/hplus/table_jqgrid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
</html>
